<!--
 * @Description:  hls
 * @Author: xuzp4
 * @Date: 2021-11-04 14:52:52
 * @LastEditors: xuzp4
 * @LastEditTime: 2022-09-22 14:02:15
 * @FilePath: \vue_demo\src\view\video2\index.vue
-->
<template>
  <div>
    <video-player :options="videoOptions" />
  </div>
</template>

<script>
import VideoPlayer from "./videoPlayer.vue";
require('videojs-flash')
export default {
  components: {
    VideoPlayer,
  },
  data() {
    return {
      videoOptions: {
        autoplay: true,
        controls: true,
        sources: [
        // hls视频流
          {
            src: "http://220.161.87.62:8800/hls/0/index.m3u8",
            type: "application/x-mpegURL",
          },
        //   {
        //     src: "http://cyberplayer.bcelive.com/videoworks/mda-kbuhu4wqdi08dwix/cyberplayer/flv/cyberplayer-demo.flv",
        //     type: "application/x-flv",
        //   },
        //   {
        //     src: "rtmp://cloud.liveqing.com:10085/hls/LiveGBS0013402000000132000026434020000001320000264?k=LiveGBS0013402000000132000026434020000001320000264.2886554efdd1c09749&token=f7a4BYADolUMy-gNs2i5pxu16IdMfDU0trTP-nFyAcH.joxNjM2MDEyNDcwLCJwIjoiYjZlMjI2YzY5MGNkZTU3NmRmMjJmYWY5ZTY4YmVlNGUxMjUzZmNmMTJiY2ExYTYxMWM0MmU5MDM4NGYzYzFmNiIsInQiOjE2MzYwMTIxNzAsInUiOiJlNWI3Nzk5Y2NjIn0eyJlI.ciOiJIUzI1NiIsInR5cCI6IkpXVCJ9eyJhbG",
        //     type: "rtmp/mp4",
        //   },
        //   {
        //     src: "webrtcs://cloud.liveqing.com:1443/rtc/hls/test-002?k=test-002.a76a794e634b6eec36",
        //     type: "rtmp/mp4",
        //   },
        ],
      },
    };
  },
};
</script>

<style>
</style>